<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        <title>手工艺人 商品详情</title>
        <link rel="stylesheet" href="css/frozen.css">
        <link rel="stylesheet" href="css/style.css">
        <script src="js/zepto.min.js"></script>
        <script src="js/frozen.js"></script>
        <script src="js/jquery-1.9.1.min.js"></script>
        <script src="js/lib/juicer-min.js"></script>
        <script src="js/global.js"></script>
        <script src="js/jquery.jsonp.js"></script>
        <script src="js/biz/yiren/yiren_shangpindetail.js"></script>
    </head>
    <body ontouchstart="" class="grey">
        <header class="ui-header ui-header-positive ui-border-b">
            <i class="ui-icon-return" onclick="history.back()"></i><h1>商品详情</h1>
            <i class="ui-icons-more" id="m_add"></i>
        </header>
        <!-- 下拉 -->
        <div class="w_cebiaoti">
            <div class="w_bga">
                <ul>
                    <li class="w_shac" onclick=""><a><img src="img/shoucang.png"><i class="sc">收藏</i></a></li>
                    <li class="w_fxx"><a><img src="img/fenxiang.png"><i>分享</i></a></li>
                    <li><a href="jubao.html"><img src="img/jubao.png"><i>举报</i></a></li>
                    <li class="w_none"><b><img src="img/m_top.png"></b></li>
                </ul>           
            </div>
        </div> 
        <div class="w_cs">
        	<div id="divbox" class="w_ysha">已收藏</div> 
        </div>
        <div class="w_fxaa">
        	<div class="w_fengx"></div>
        	<div class="w_fxbox">
            	<a href="#"><img src="img/qq.png"></a>
                <a href="#"><img src="img/weixin.png"></a>
                <a href="#"><img src="img/weibo.png"></a>
                <a href="#"><img src="img/pengyou.png"></a>
            </div>
        </div>
        <script type="text/javascript">
            //下拉
            $("#m_add").click(function(){
                $(".w_cebiaoti").slideToggle();
            });
			//消失
			function codefans(){ 
			var box=document.getElementById("divbox"); 
			box.style.display="none"; 
			} 
			setTimeout("codefans()",3000);//3秒 			
			Zepto(".w_cs").tap(function(){
                Zepto(".w_ysha").hide();
            });
			//收藏显示
//			Zepto(".w_shac").tap(function(){
//                Zepto(".w_ysha").show();
//            });
//			Zepto(".w_shac").tap(function(){
//                Zepto(".w_shac").hide();
//            });
			//分享
			Zepto(".w_fxx").tap(function(){
                Zepto(".w_fxaa").show();
            });
			Zepto(".w_fengx").tap(function(){
                Zepto(".w_fxaa").hide();
            });
        </script> 
        <section class="ui-container mb50">
            <div class="info_detail">
            <script id="info_tpl" type="text/juicer">
                <div class="banner">
                    <img src="${supplier.photos[0]}" alt="">
                    <h3>${supplier.name}<span class="text-right">已售${supplier.saleNumber}</span></h3>
                </div>
                <a href="yiren_tijiaodingdan.html?supplierId=${supplier.id}">
                <div class="buy-bar-wrapper bgwhite ui-border-bottom">
                    <span class="ui-txt-highlight fz30">${supplier.price}</span><span class="ui-txt-highlight">元 </span><s>${supplier.oldPrice}</s>
                    <button class="ui-btn ui-btn-danger buy-button"onclick="">立即购买</button>
                </div>
                </a>
                <a href="yiren_allpingjia.html?supplierId=${supplier.id}">
                <div class="ui-form ui-form-display">
                    <div class="ui-form-item ui-border-b ui-form-item-link h25 ui-txt-highlight">
                        <span class="ui-star ui-star-${supplier.shops.star}"></span> ${supplier.shops.star}分<span class="text-right" id="comment_tpl">200人评价</span>
                    </div>
                </div>
                </a>
            </script>
            </div>
            <div class="ui-store-list">
                <div class="ui-form ui-form-display ui-border-t mt10" id="shop_detail">
                    <script id="info_tpl1" type="text/juicer">
                    <div class="ui-form-item ui-form-item-show ui-border-b h25">
                        <label for="#"><span class="ui-txt-muted">商品详情</span></label>
                    </div>
                    <div class="ui-form-item ui-form-item-show ui-form-list-dot ui-border-b fz12">
                        <ul>
                            <li>无需预约，消费高峰时可能需要等位</li>
                            <li>仅限堂食，不提供餐前外带，餐毕未吃完可打包，打包费详情咨询商家</li>
                            <li>酒水饮料等问题，请致电商家咨询，以商家反馈为准</li>
                            <li>提供免费WiFi停车位收费标准：停车具体咨询商场，以商场反馈为准</li>
                        </ul>
                    </div>
                    <div class="ui-comment-more ui-border-b h32 fz14 lh32 text-align-center">
                        <a href="yiren_moredetail.html?supplierId=${supplier.id}">查看图文详情</a>
                    </div>
                    </script>
                </div>
                <div class="ui-comment-list pt10">
                    <ul id="ui-comment-list"></ul>
                    <div class="ui-comment-more ui-border-b h25 fz14 text-align-center">
                        <a href="" id="all_pj">查看全部评价</a>
                    </div>
                </div>
            </div>

        </section>
        <div class="bottom-contact">
            <ul class=" clearfix">
                <li class="bottom-contact-chat"><a onclick="jumptoChating()" id="chat"><i class="icons-chat"></i>私聊</a></li>
                <li class="bottom-contact-buy"><a href="yiren_tijiaodingdan.html" id="url">立即购买</a></li>
            </ul>
        </div>
    </body>
</html>
